import { StyleSheet } from "react-native";
import { Color } from "../common";

const redeemStyles = StyleSheet.create({
  container: {
    backgroundColor: "#fff",
    textAlign: "left",
    paddingLeft: 10,
    paddingRight: 10
  },
  h4: {
    color: "#616161",
    paddingTop: 10,
    fontSize: 14
  },
  reddemItem: {
    position: "relative",
    overflow: "hidden",
    width: "100%",
    height: 45,
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    flexDirection: "row",
    alignItems: "center"
  },
  input: {
    flex: 1,
    // height: 45,
    // lineHeight: 45,
    fontSize: 14,
    backgroundColor: '#fff'
  },
  a: {
    position: "absolute",
    right: 10,
    fontSize: 14,
    color: Color,
    height: 45,
    lineHeight: 45,
    width: 50,
    textAlign: "right"
  },
  button: {
    width: 80,
    height: 25,
    lineHeight: 25,
    textAlign: "center",
    backgroundColor: Color,
    color: "#fff",
    borderRadius: 8,
    overflow: "hidden",
    borderWidth: 1,
    borderColor: "#f2f2f2",
    fontSize: 12
  },
  redeemTip: {
    width: "100%",
    height: 45,
    lineHeight: 45,
    fontSize: 14,
    textAlign: "center"
  },
  redeemConfirm: {
    marginTop: 5,
    marginBottom: 15,
    width: "100%",
    height: 45,
    borderRadius: 10,
    backgroundColor: Color,
    color: "#fff",
    fontSize: 14,
    overflow: "hidden",
    lineHeight: 45,
    textAlign: "center"
  },

  /**贖回列表 */
  redeemList: {
    position: "relative",
    width: "100%"
  },
  redeemListLi: {
    width: "100%",
    height: 45,
    lineHeight: 45,
    overflow: "hidden",
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2"
  },
  redeemListLiRedeemHead: {
    flexDirection: "row"
  },
  redeemListLiDiv: {
    color: "#616161",
    fontSize: 14,
    flex: 1,
    height: 45,
    lineHeight: 45,
    textAlign: "center",
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2"
  },
  redeemListLiA: {
    color: Color
  },
  /**贖回詳情與贖回確認 */
  redeemDetailContainer: {
    position: "relative",
    overflow: "hidden",
    backgroundColor: "#fff"
  },
  redeemDetailItem: {
    position: "relative",
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    padding: 10
  },
  redeenItemHead: {
    fontSize: 14
  },
  redeemDetailList: {
    position: "relative"
  },
  redeemDetailLstLi: {
    position: "relative",
    flexDirection: "row",
    width: "100%",
    height: 40
  },
  listLiDiv: {
    flex: 1,
    height: 40,
    lineHeight: 40,
    fontSize: 14
  },
  listLiDivRight: {
    height: 40,
    lineHeight: 40,
    fontSize: 14,
    paddingRight: 10
  },
  confirmTip: {
    width: "100%",
    padding: 15,
    fontSize: 12,
    textAlign: "left",
    color: "#616161"
  },
  buttonContainer: {
    width: "100%",
    height: 40,
    flexDirection: "row",
    marginBottom: 20,
    paddingLeft: 15,
    paddingRight: 15,
    flexDirection: "row"
  },
  buttonContainerButton: {
    height: 40,
    borderRadius: 8,
    flex: 1
  },
  buttonContainerConfirmBtn: {
    backgroundColor: "#dcdcdc",
    marginRight: 10,
    height: 40,
    color: "#fff",
    borderRadius: 8,
    fontSize: 14,
    borderRadius: 10,
    overflow: "hidden",
    textAlign: "center",
    lineHeight: 40
  },
  buttonContainerGiveupBtn: {
    backgroundColor: Color,
    marginLeft: 10,
    height: 40,
    color: "#fff",
    borderRadius: 8,
    fontSize: 14,
    borderRadius: 10,
    overflow: "hidden",
    textAlign: "center",
    lineHeight: 40
  },
  reddemTip: {
    height: 15,
    lineHeight: 15,
    textAlign: "center",
    fontSize: 10,
    color: "#5fa6d1"
  }
});

export default redeemStyles;
